/* CSS3.CSS Limitless Framework */
/* This is for the CSS3 features only. */
/* As CSS3 features and functions change per browser this file will change. */
/* Note: CSS3 Code are not in any other stylesheet like most code since they are developmental and will change. */

.circle { 
	font: italic 1.5em Georgia, "Times New Roman", serif; 
	padding: 8px 14px; 
	margin:0 10px 0 0;  
	border-radius: 45px; 
	-webkit-border-radius: 45px; 
	-moz-border-radius: 45px; 
	background: #CCC;  /* Change value to for background color. */
	color: #000;  /* Change value to for font color. */
	float: left; 
}

/* Bevel, Emboss & Shadow do not work well on color: black; */
.bevel { text-shadow: 0px -1px 0px #fff, 1px 1px 0px #000; }

.emboss { text-shadow: 0px -1px -1px #000, -1px 0px 0px #ccc; }

.shadow { -webkit-box-shadow: 0px 1px 3px 0px #4a4a4a; -moz-box-shadow: 0px 1px 3px 0px #4a4a4a; box-shadow: 0px 1px 3px 0px #4a4a4a; }

.rotate_180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(-180deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
			
.round { -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px; }

.round_top { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }

.round_bottom { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.box_shadow { -webkit-box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; }

/* date_box Inspiration from Jonathan Snook @ http://snook.ca/ */
/* Modification required if changed from 4 letter month, 2 digit day, 4 digit year. */

.date_box {
	background-color: #CCC;
	color: #000;
	float: right;
	margin-left: 10px;
	padding: 45px 15px 0;
	position: relative;
}

.date_box .day {
	font-size: 45px;
	left: 5px;
	line-height: 45px;
	position: absolute;
	top: 0;
}

.date_box .month {
	font-size: 1.5em;
	text-transform: uppercase;
}

.date_box .year {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(270deg) !important;
	-o-transform-origin: 50% 50%;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	display: block;
	font: 1.2em bold Arial, Helvetica, Sans-Serif;
	background-color: #CCC;
	color:#000;
	position: absolute;
	right: 0px;
	top: 15px;
}

/* coupon and stitch Inspiration from designShack http://designshack.net */
/* These are setup to change a div you previously have sized up. */

.coupon {
	border: 3px dashed #21303b;
	-webkit-box-shadow: 5px 5px 5px #000;
	-moz-box-shadow: 5px 5px 5px #000;
	box-shadow: 5px 5px 5px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.stitch {
	outline: 1px dashed #98abb9;
	outline-offset: -5px;
	-webkit-box-shadow: 2px 2px 2px #000;
	-moz-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
}

/* Stroke only works in Webkit browsers such as Google Chrome & Safari */

.stroke { -webkit-text-stroke: 1px #fff; }